<template>
    <a-card title="项目成本" :bordered="false">
        <template #extra>

            <a-radio-group v-model:value="type" size="small">
                <a-radio-button value="1">全部</a-radio-button>
                <a-radio-button value="0">当年</a-radio-button>
            </a-radio-group>

        </template>
        <a-row :gutter="16" class="mb-10">
            <a-col :span="16" class="h-20 flex items-center ">
                2330000.00 元
            </a-col>
            <a-col :span="8"> <a-progress :width="80" type="circle" :percent="75" class="mr-5" />
                <a>明细</a>
            </a-col>
        </a-row>
        <a-row :gutter="16">
            <a-col :span="16">总预算：3680000 元</a-col>
            <a-col :span="8">预算偏差率：75%</a-col>
        </a-row>
    </a-card>
</template>

<script setup name="steps">
const props = defineProps({
    proId: {
        type: Number,
    },
})
const type=ref("1")
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
watch(proId, () => {
    getStep(proId.value);
});
</script>
<style scoped></style>
